<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a th:href="@{/user}">查询所有用户信息</a><br>
<a th:href="@{/user/1}">根据id查询用户信息</a><br>
<form th:action="@{/user}" method="post">
   <!-- form 表单的method只支持get/post，不支持PUT、DELETE。
    如果填写非get/post，那么统一按照get处理。-->
    用户名：<input type="text" name="username"><br>
    密码：<input type="password" name="password"><br>
    <input type="submit" value="添加"><br>
</form>
<form th:action="@{/user}" method="post">
    <!--_method 对用户来说没用，所以要隐藏。
    put大小写都行。-->
    <input type="hidden" name="_method" value="PUT">
    用户名：<input type="text" name="username"><br>
    密码：<input type="password" name="password"><br>
    <input type="submit" value="修改"><br>
</form>

<!--
删除一般用超链接，如果超链接放在form表单中，点击超链接不会触发表单提交，只会跳转到超链接指定的页面。
但现在想既使用超链接，又想用RestFul风格的DELETE，就不可避免还是要用到提交form。
如何解决：在vue中，对超链接绑定一个点击事件，先阻止超链接的默认行为跳转，在获得一个表单，表单中没有任何数据，只需要有一个
<input type="hidden" name="_method" value="DELETE"> 即可。
案例可参考RESTFUL专用案例。
-->

</body>
</html>